<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>厂家活动</title>
  <link rel="stylesheet" href="./css/style.css" />
</head>

<body>
  <div class="content">
    <div class="banner">
      <img src="./img/banner.jpeg" alt="图片正在加载中" />
    </div>
    <div class="banner-span">
      <span>回答问题 &gt; 添加老师 &gt; 栏目打卡 &gt; 领取福利</span>
    </div>
    <div class="chat-now" style="margin-bottom: 20px;">
      <div class="chat-now">
        <div class="chat-now-logo"></div>
        <div class="chat-now-message">
          您好，恭喜您获得厂家帮扶福利活动名额，请回答以下问题，联系客服注册会员打卡，即可领取优惠福利，同时还会为您一对一帮扶指导方案！
        </div>
      </div>
      <div class="chat-now" style="margin-top: -25px; animation: fadeIn 1s ease-in-out;">
        <div class="chat-now-logo"></div>
        <div class="chat-now-message">
          您今年多大年龄了呢？
          <div class="age-btn" style="width: 600px;">
            <button onclick="showSelected('57-60岁')">57-60岁</button>
            <button onclick="showSelected('61-70岁')">61-70岁</button>
            <button onclick="showSelected('71-80岁')">71-80岁</button>
            <button onclick="showSelected('80岁以上')">80岁以上</button>

          </div>
        </div>
      </div>
      <div id="selected-age" style="display: none;">
        <button id="selected-age-btn" style="margin-right: 0; display: none;"></button>
      </div>
      <div class="chat-now" id="zz" style="margin-top: 70px; display: none;">
        <div class="chat-now-logo"></div>
        <div class="chat-now-message">
          您是否有以下症状？
          <div class="age-btn" style="width: 800px">
            <button onclick="showSelectedSymptom('记忆力衰退')">记忆力衰退</button>
            <button onclick="showSelectedSymptom('手脚麻木')">手脚麻木</button>
            <button onclick="showSelectedSymptom('听力衰退')">听力衰退</button>
            <button onclick="showSelectedSymptom('头晕头痛')">头晕头痛</button>
            <button onclick="showSelectedSymptom('视力模糊')">视力模糊</button>
            <button onclick="showSelectedSymptom('疲倦嗜睡')">疲倦嗜睡</button>
          </div>
        </div>
      </div>
    </div>
    <div id="selected-symptom" style="display: none;">
      <button id="selected-symptom-btn"></button>
    </div>
    <div class="chat-now" id="isorno" style="margin-top: 10px; display: none; margin-top: 70px;">
      <div class="chat-now-logo"></div>
      <div class="chat-now-message">
        是否愿意打卡观看官方健康栏目为您提供的专属健康视频?【获取福利】?
        <div class="age-btn" style="width: 300px">
          <button onclick="handleResponse('是！立即领取')">是！立即领取</button>
          <button onclick="handleResponse('否！了解咨询')">否！了解咨询</button>
        </div>
      </div>
    </div>
    <div id="selected-isorno"   style="display: none;">
      <button id="selected-isorno-btn"></button>
    </div>
    <div class="chat-now" id="give" style="margin-top: 10px; display: none; margin-top: 70px;">
      <div class="chat-now-logo"></div>
      <div class="chat-now-message">
        恭喜您！是今天申请的前200名，赶紧添加客服完成注册领取吧！
      </div>
    </div>
    <div class="footer">
     <a href="https://work.weixin.qq.com/kfid/kfc94262bf64c1f4eec"><img src="./img/footer-logo.png" alt="图片加载中"></a> 

    </div>
  </div>
  <script src="./js/index.js"></script>
</body>

</html>